﻿<!DOCTYPE html>
<html>
  <head>
    <title>取消订单流程（新）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/取消订单流程（新）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/取消订单流程（新）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u7957" class="ax_default _形状">
        <div id="u7957_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7958" class="ax_default _形状">
        <div id="u7958_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7959" class="ax_default label">
        <div id="u7959_div" class=""></div>
        <div id="u7959_text" class="text ">
          <p><span>请告诉我们取消的原因，我们会重视您的反馈！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7960" class="ax_default box_2">
        <div id="u7960_div" class=""></div>
        <div id="u7960_text" class="text ">
          <p><span>您可以描述下原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7961" class="ax_default box_2">
        <div id="u7961_div" class=""></div>
        <div id="u7961_text" class="text ">
          <p><span>300</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7962" class="ax_default box_3">
        <div id="u7962_div" class=""></div>
        <div id="u7962_text" class="text ">
          <p><span>提 交</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7963" class="ax_default box_1">
        <div id="u7963_div" class=""></div>
        <div id="u7963_text" class="text ">
          <p><span>重复下单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7964" class="ax_default box_1">
        <div id="u7964_div" class=""></div>
        <div id="u7964_text" class="text ">
          <p><span>出行计划有变</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7965" class="ax_default box_1">
        <div id="u7965_div" class=""></div>
        <div id="u7965_text" class="text ">
          <p><span>司机态度差</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7966" class="ax_default box_1">
        <div id="u7966_div" class=""></div>
        <div id="u7966_text" class="text ">
          <p><span>司机要求取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7967" class="ax_default box_1">
        <div id="u7967_div" class=""></div>
        <div id="u7967_text" class="text ">
          <p><span>其他原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7968" class="ax_default box_3">
        <div id="u7968_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u7969" class="ax_default" data-left="2099" data-top="234" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u7970" class="ax_default" data-left="2099" data-top="242" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u7971" class="ax_default _形状">
            <img id="u7971_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7972" class="ax_default _形状">
            <img id="u7972_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7973" class="ax_default _形状">
            <img id="u7973_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7974" class="ax_default _形状">
            <img id="u7974_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7975" class="ax_default _形状">
            <img id="u7975_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u7976" class="ax_default _文本段落">
          <div id="u7976_div" class=""></div>
          <div id="u7976_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u7977" class="ax_default _文本段落">
          <div id="u7977_div" class=""></div>
          <div id="u7977_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u7978" class="ax_default" data-left="2429" data-top="240" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u7979" class="ax_default _形状">
            <div id="u7979_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u7980" class="ax_default _形状">
            <div id="u7980_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u7981" class="ax_default _形状">
            <div id="u7981_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u7982" class="ax_default" data-left="2099" data-top="241" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u7983" class="ax_default _形状">
            <img id="u7983_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7984" class="ax_default _形状">
            <img id="u7984_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7985" class="ax_default _形状">
            <img id="u7985_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7986" class="ax_default _形状">
            <img id="u7986_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u7987" class="ax_default _形状">
            <img id="u7987_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u7988" class="ax_default _文本段落">
          <div id="u7988_div" class=""></div>
          <div id="u7988_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u7989" class="ax_default _文本段落">
          <div id="u7989_div" class=""></div>
          <div id="u7989_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u7990" class="ax_default" data-left="2429" data-top="239" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u7991" class="ax_default _形状">
            <div id="u7991_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u7992" class="ax_default _形状">
            <div id="u7992_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u7993" class="ax_default _形状">
            <div id="u7993_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7994" class="ax_default _三级标题">
        <div id="u7994_div" class=""></div>
        <div id="u7994_text" class="text ">
          <p><span>取消原因</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u7995" class="ax_default icon">
        <img id="u7995_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u7996" class="ax_default _图片">
        <img id="u7996_img" class="img " src="images/实时单流程——首页/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7997" class="ax_default _形状">
        <div id="u7997_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7998" class="ax_default _形状">
        <div id="u7998_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u7999" class="ax_default label">
        <div id="u7999_div" class=""></div>
        <div id="u7999_text" class="text ">
          <p><span>请告诉我们取消的原因，我们会重视您的反馈！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8000" class="ax_default box_2">
        <div id="u8000_div" class=""></div>
        <div id="u8000_text" class="text ">
          <p><span>您可以描述下原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8001" class="ax_default box_2">
        <div id="u8001_div" class=""></div>
        <div id="u8001_text" class="text ">
          <p><span>300</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8002" class="ax_default box_3">
        <div id="u8002_div" class=""></div>
        <div id="u8002_text" class="text ">
          <p><span>提 交</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8003" class="ax_default box_1">
        <div id="u8003_div" class=""></div>
        <div id="u8003_text" class="text ">
          <p><span>重复下单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8004" class="ax_default box_1">
        <div id="u8004_div" class=""></div>
        <div id="u8004_text" class="text ">
          <p><span>出行计划有变</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8005" class="ax_default box_1">
        <div id="u8005_div" class=""></div>
        <div id="u8005_text" class="text ">
          <p><span>司机态度差</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8006" class="ax_default box_1">
        <div id="u8006_div" class=""></div>
        <div id="u8006_text" class="text ">
          <p><span>司机要求取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8007" class="ax_default box_1">
        <div id="u8007_div" class=""></div>
        <div id="u8007_text" class="text ">
          <p><span>其他原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8008" class="ax_default box_3">
        <div id="u8008_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8009" class="ax_default" data-left="2866" data-top="234" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8010" class="ax_default" data-left="2866" data-top="242" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8011" class="ax_default _形状">
            <img id="u8011_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8012" class="ax_default _形状">
            <img id="u8012_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8013" class="ax_default _形状">
            <img id="u8013_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8014" class="ax_default _形状">
            <img id="u8014_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8015" class="ax_default _形状">
            <img id="u8015_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8016" class="ax_default _文本段落">
          <div id="u8016_div" class=""></div>
          <div id="u8016_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8017" class="ax_default _文本段落">
          <div id="u8017_div" class=""></div>
          <div id="u8017_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8018" class="ax_default" data-left="3196" data-top="240" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8019" class="ax_default _形状">
            <div id="u8019_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8020" class="ax_default _形状">
            <div id="u8020_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8021" class="ax_default _形状">
            <div id="u8021_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8022" class="ax_default" data-left="2866" data-top="241" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8023" class="ax_default _形状">
            <img id="u8023_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8024" class="ax_default _形状">
            <img id="u8024_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8025" class="ax_default _形状">
            <img id="u8025_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8026" class="ax_default _形状">
            <img id="u8026_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8027" class="ax_default _形状">
            <img id="u8027_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8028" class="ax_default _文本段落">
          <div id="u8028_div" class=""></div>
          <div id="u8028_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8029" class="ax_default _文本段落">
          <div id="u8029_div" class=""></div>
          <div id="u8029_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8030" class="ax_default" data-left="3196" data-top="239" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8031" class="ax_default _形状">
            <div id="u8031_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8032" class="ax_default _形状">
            <div id="u8032_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8033" class="ax_default _形状">
            <div id="u8033_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8034" class="ax_default _三级标题">
        <div id="u8034_div" class=""></div>
        <div id="u8034_text" class="text ">
          <p><span>取消原因</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8035" class="ax_default icon">
        <img id="u8035_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8036" class="ax_default _图片">
        <img id="u8036_img" class="img " src="images/取消订单流程（新）/u8036.svg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8037" class="ax_default _图片">
        <img id="u8037_img" class="img " src="images/实时单流程——首页/u382.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8038" class="ax_default _图片">
        <img id="u8038_img" class="img " src="images/取消订单流程（新）/u8036.svg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8039" class="ax_default _图片">
        <img id="u8039_img" class="img " src="images/实时单流程——首页/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8040" class="ax_default box_3">
        <div id="u8040_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8041" class="ax_default image">
        <img id="u8041_img" class="img " src="images/实时单流程——首页/u1.jpg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8042" class="ax_default _图片">
        <img id="u8042_img" class="img " src="images/实时单流程——首页/u554.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8043" class="ax_default label">
        <div id="u8043_div" class=""></div>
        <div id="u8043_text" class="text ">
          <p><span>上</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8044" class="ax_default _图片">
        <img id="u8044_img" class="img " src="images/实时单流程——首页/u561.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8045" class="ax_default label">
        <div id="u8045_div" class=""></div>
        <div id="u8045_text" class="text ">
          <p><span>下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8046" class="ax_default box_3">
        <div id="u8046_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8047" class="ax_default" data-left="3636" data-top="234" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8048" class="ax_default" data-left="3636" data-top="242" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8049" class="ax_default _形状">
            <img id="u8049_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8050" class="ax_default _形状">
            <img id="u8050_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8051" class="ax_default _形状">
            <img id="u8051_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8052" class="ax_default _形状">
            <img id="u8052_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8053" class="ax_default _形状">
            <img id="u8053_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8054" class="ax_default _文本段落">
          <div id="u8054_div" class=""></div>
          <div id="u8054_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8055" class="ax_default _文本段落">
          <div id="u8055_div" class=""></div>
          <div id="u8055_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8056" class="ax_default" data-left="3966" data-top="240" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8057" class="ax_default _形状">
            <div id="u8057_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8058" class="ax_default _形状">
            <div id="u8058_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8059" class="ax_default _形状">
            <div id="u8059_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8060" class="ax_default" data-left="3636" data-top="241" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8061" class="ax_default _形状">
            <img id="u8061_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8062" class="ax_default _形状">
            <img id="u8062_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8063" class="ax_default _形状">
            <img id="u8063_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8064" class="ax_default _形状">
            <img id="u8064_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8065" class="ax_default _形状">
            <img id="u8065_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8066" class="ax_default _文本段落">
          <div id="u8066_div" class=""></div>
          <div id="u8066_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8067" class="ax_default _文本段落">
          <div id="u8067_div" class=""></div>
          <div id="u8067_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8068" class="ax_default" data-left="3966" data-top="239" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8069" class="ax_default _形状">
            <div id="u8069_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8070" class="ax_default _形状">
            <div id="u8070_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8071" class="ax_default _形状">
            <div id="u8071_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8072" class="ax_default _三级标题">
        <div id="u8072_div" class=""></div>
        <div id="u8072_text" class="text ">
          <p><span>订单详情</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8073" class="ax_default icon">
        <img id="u8073_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8074" class="ax_default _文本段落">
        <div id="u8074_div" class=""></div>
        <div id="u8074_text" class="text ">
          <p><span>大西洋新城C区</span></p><p><span>北门</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8075" class="ax_default _文本段落">
        <div id="u8075_div" class=""></div>
        <div id="u8075_text" class="text ">
          <p><span>花家地西里2区</span></p><p><span>西街口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8076" class="ax_default box_1">
        <div id="u8076_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8077" class="ax_default line">
        <img id="u8077_img" class="img " src="images/实时单流程——首页/u226.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8078" class="ax_default label">
        <div id="u8078_div" class=""></div>
        <div id="u8078_text" class="text ">
          <p><span>收藏该路线</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8079" class="ax_default label">
        <div id="u8079_div" class=""></div>
        <div id="u8079_text" class="text ">
          <p><span>再来一单</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8080" class="ax_default icon">
        <img id="u8080_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8081" class="ax_default icon">
        <img id="u8081_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8082" class="ax_default line">
        <img id="u8082_img" class="img " src="images/实时单流程——首页/u596.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8083" class="ax_default line">
        <img id="u8083_img" class="img " src="images/实时单流程——首页/u226.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8084" class="ax_default label">
        <div id="u8084_div" class=""></div>
        <div id="u8084_text" class="text ">
          <p><span>09月25日&nbsp; 07:03</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8085" class="ax_default label">
        <div id="u8085_div" class=""></div>
        <div id="u8085_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">上海虹桥</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 到&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">万科白马花园</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8086" class="ax_default label">
        <div id="u8086_div" class=""></div>
        <div id="u8086_text" class="text ">
          <p><span>已取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8087" class="ax_default _三级标题">
        <div id="u8087_div" class=""></div>
        <div id="u8087_text" class="text ">
          <p><span>不产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8088" class="ax_default icon">
        <img id="u8088_img" class="img " src="images/取消订单流程（新）/u8088.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8089" class="ax_default" data-left="1728" data-top="1481" data-width="239" data-height="133">

        <!-- Unnamed (矩形) -->
        <div id="u8090" class="ax_default shape">
          <div id="u8090_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8091" class="ax_default _二级标题">
          <div id="u8091_div" class=""></div>
          <div id="u8091_text" class="text ">
            <p><span>由于司机已到达上车地，</span></p><p><span>取消用车将产生取消费xx元</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8092" class="ax_default" data-left="1749" data-top="1566" data-width="199" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u8093" class="ax_default shape">
            <div id="u8093_div" class=""></div>
            <div id="u8093_text" class="text ">
              <p><span>仍要取消</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8094" class="ax_default shape">
            <div id="u8094_div" class=""></div>
            <div id="u8094_text" class="text ">
              <p><span>继续用车</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8095" class="ax_default _图片">
        <img id="u8095_img" class="img " src="images/实时单流程——首页/u382.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8096" class="ax_default" data-left="1803" data-top="1551" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8097" class="ax_default ellipse">
          <img id="u8097_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8098" class="ax_default ellipse">
          <img id="u8098_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8099" class="ax_default ellipse">
          <img id="u8099_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (菱形) -->
      <div id="u8100" class="ax_default box_1">
        <img id="u8100_img" class="img " src="images/实时单流程——首页/u377.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8101" class="ax_default _一级标题">
        <div id="u8101_div" class=""></div>
        <div id="u8101_text" class="text ">
          <p><span>是否产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8102" class="ax_default box_3">
        <div id="u8102_div" class=""></div>
        <div id="u8102_text" class="text ">
          <p><span>等待应答页</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8103" class="ax_default line">
        <img id="u8103_img" class="img " src="images/取消订单流程（新）/u8103.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8104" class="ax_default box_3">
        <div id="u8104_div" class=""></div>
        <div id="u8104_text" class="text ">
          <p><span>预约成功页</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8105" class="ax_default line">
        <img id="u8105_img" class="img " src="images/取消订单流程（新）/u8105.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8106" class="ax_default box_3">
        <div id="u8106_div" class=""></div>
        <div id="u8106_text" class="text ">
          <p><span>派车途中页</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8107" class="ax_default line">
        <img id="u8107_img" class="img " src="images/取消订单流程（新）/u8107.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8108" class="ax_default box_3">
        <div id="u8108_div" class=""></div>
        <div id="u8108_text" class="text ">
          <p><span>司机已到达页</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8109" class="ax_default line">
        <img id="u8109_img" class="img " src="images/取消订单流程（新）/u8107.png"/>
      </div>

      <!-- Unnamed (菱形) -->
      <div id="u8110" class="ax_default box_1">
        <img id="u8110_img" class="img " src="images/实时单流程——首页/u377.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8111" class="ax_default _一级标题">
        <div id="u8111_div" class=""></div>
        <div id="u8111_text" class="text ">
          <p><span>是否产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (菱形) -->
      <div id="u8112" class="ax_default box_1">
        <img id="u8112_img" class="img " src="images/实时单流程——首页/u377.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8113" class="ax_default _一级标题">
        <div id="u8113_div" class=""></div>
        <div id="u8113_text" class="text ">
          <p><span>是否产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8114" class="ax_default line">
        <img id="u8114_img" class="img " src="images/取消订单流程（新）/u8107.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8115" class="ax_default line">
        <img id="u8115_img" class="img " src="images/取消订单流程（新）/u8107.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8116" class="ax_default line">
        <img id="u8116_img" class="img " src="images/取消订单流程（新）/u8107.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8117" class="ax_default box_2">
        <div id="u8117_div" class=""></div>
        <div id="u8117_text" class="text ">
          <p><span>产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8118" class="ax_default box_2">
        <div id="u8118_div" class=""></div>
        <div id="u8118_text" class="text ">
          <p><span>产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8119" class="ax_default box_2">
        <div id="u8119_div" class=""></div>
        <div id="u8119_text" class="text ">
          <p><span>产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8120" class="ax_default line">
        <img id="u8120_img" class="img " src="images/取消订单流程（新）/u8120.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8121" class="ax_default box_2">
        <div id="u8121_div" class=""></div>
        <div id="u8121_text" class="text ">
          <p><span>不产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8122" class="ax_default line">
        <img id="u8122_img" class="img " src="images/取消订单流程（新）/u8122.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8123" class="ax_default line">
        <img id="u8123_img" class="img " src="images/取消订单流程（新）/u8123.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8124" class="ax_default box_2">
        <div id="u8124_div" class=""></div>
        <div id="u8124_text" class="text ">
          <p><span>不产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8125" class="ax_default line">
        <img id="u8125_img" class="img " src="images/取消订单流程（新）/u8122.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8126" class="ax_default line">
        <img id="u8126_img" class="img " src="images/取消订单流程（新）/u8123.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8127" class="ax_default box_2">
        <div id="u8127_div" class=""></div>
        <div id="u8127_text" class="text ">
          <p><span>不产生取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8128" class="ax_default line">
        <img id="u8128_img" class="img " src="images/取消订单流程（新）/u8128.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8129" class="ax_default line">
        <img id="u8129_img" class="img " src="images/取消订单流程（新）/u8129.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8130" class="ax_default" data-left="1454" data-top="539" data-width="239" data-height="133">

        <!-- Unnamed (矩形) -->
        <div id="u8131" class="ax_default shape">
          <div id="u8131_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8132" class="ax_default _二级标题">
          <div id="u8132_div" class=""></div>
          <div id="u8132_text" class="text ">
            <p><span>司机即将到达上车地点，</span></p><p><span>是否取消本次用车？</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8133" class="ax_default" data-left="1475" data-top="624" data-width="199" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u8134" class="ax_default shape">
            <div id="u8134_div" class=""></div>
            <div id="u8134_text" class="text ">
              <p><span>仍要取消</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8135" class="ax_default shape">
            <div id="u8135_div" class=""></div>
            <div id="u8135_text" class="text ">
              <p><span>继续用车</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8136" class="ax_default" data-left="1529" data-top="613" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8137" class="ax_default ellipse">
          <img id="u8137_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8138" class="ax_default ellipse">
          <img id="u8138_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8139" class="ax_default ellipse">
          <img id="u8139_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8140" class="ax_default" data-left="1454" data-top="810" data-width="239" data-height="133">

        <!-- Unnamed (矩形) -->
        <div id="u8141" class="ax_default shape">
          <div id="u8141_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8142" class="ax_default _二级标题">
          <div id="u8142_div" class=""></div>
          <div id="u8142_text" class="text ">
            <p><span>司机即将到达上车地点，</span></p><p><span>是否取消本次用车？</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8143" class="ax_default" data-left="1475" data-top="895" data-width="199" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u8144" class="ax_default shape">
            <div id="u8144_div" class=""></div>
            <div id="u8144_text" class="text ">
              <p><span>仍要取消</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8145" class="ax_default shape">
            <div id="u8145_div" class=""></div>
            <div id="u8145_text" class="text ">
              <p><span>继续用车</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8146" class="ax_default" data-left="1529" data-top="891" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8147" class="ax_default ellipse">
          <img id="u8147_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8148" class="ax_default ellipse">
          <img id="u8148_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8149" class="ax_default ellipse">
          <img id="u8149_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8150" class="ax_default primary_button">
        <div id="u8150_div" class=""></div>
        <div id="u8150_text" class="text ">
          <p><span>见下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8151" class="ax_default primary_button">
        <div id="u8151_div" class=""></div>
        <div id="u8151_text" class="text ">
          <p><span>见下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8152" class="ax_default primary_button">
        <div id="u8152_div" class=""></div>
        <div id="u8152_text" class="text ">
          <p><span>见下</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8153" class="ax_default" data-left="1454" data-top="1064" data-width="239" data-height="133">

        <!-- Unnamed (矩形) -->
        <div id="u8154" class="ax_default shape">
          <div id="u8154_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8155" class="ax_default _二级标题">
          <div id="u8155_div" class=""></div>
          <div id="u8155_text" class="text ">
            <p><span>司机已到达上车地点，</span></p><p><span>是否取消本次用车？</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8156" class="ax_default" data-left="1475" data-top="1149" data-width="199" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u8157" class="ax_default shape">
            <div id="u8157_div" class=""></div>
            <div id="u8157_text" class="text ">
              <p><span>仍要取消</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8158" class="ax_default shape">
            <div id="u8158_div" class=""></div>
            <div id="u8158_text" class="text ">
              <p><span>继续用车</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8159" class="ax_default" data-left="1529" data-top="1134" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8160" class="ax_default ellipse">
          <img id="u8160_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8161" class="ax_default ellipse">
          <img id="u8161_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8162" class="ax_default ellipse">
          <img id="u8162_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8163" class="ax_default box_3">
        <div id="u8163_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8164" class="ax_default image">
        <img id="u8164_img" class="img " src="images/实时单流程——首页/u1.jpg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8165" class="ax_default _图片">
        <img id="u8165_img" class="img " src="images/实时单流程——首页/u554.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8166" class="ax_default label">
        <div id="u8166_div" class=""></div>
        <div id="u8166_text" class="text ">
          <p><span>上</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8167" class="ax_default _图片">
        <img id="u8167_img" class="img " src="images/实时单流程——首页/u561.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8168" class="ax_default label">
        <div id="u8168_div" class=""></div>
        <div id="u8168_text" class="text ">
          <p><span>下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8169" class="ax_default box_3">
        <div id="u8169_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8170" class="ax_default" data-left="4362" data-top="1277" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8171" class="ax_default" data-left="4362" data-top="1285" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8172" class="ax_default _形状">
            <img id="u8172_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8173" class="ax_default _形状">
            <img id="u8173_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8174" class="ax_default _形状">
            <img id="u8174_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8175" class="ax_default _形状">
            <img id="u8175_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8176" class="ax_default _形状">
            <img id="u8176_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8177" class="ax_default _文本段落">
          <div id="u8177_div" class=""></div>
          <div id="u8177_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8178" class="ax_default _文本段落">
          <div id="u8178_div" class=""></div>
          <div id="u8178_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8179" class="ax_default" data-left="4692" data-top="1283" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8180" class="ax_default _形状">
            <div id="u8180_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8181" class="ax_default _形状">
            <div id="u8181_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8182" class="ax_default _形状">
            <div id="u8182_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8183" class="ax_default" data-left="4362" data-top="1284" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8184" class="ax_default _形状">
            <img id="u8184_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8185" class="ax_default _形状">
            <img id="u8185_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8186" class="ax_default _形状">
            <img id="u8186_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8187" class="ax_default _形状">
            <img id="u8187_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8188" class="ax_default _形状">
            <img id="u8188_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8189" class="ax_default _文本段落">
          <div id="u8189_div" class=""></div>
          <div id="u8189_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8190" class="ax_default _文本段落">
          <div id="u8190_div" class=""></div>
          <div id="u8190_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8191" class="ax_default" data-left="4692" data-top="1282" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8192" class="ax_default _形状">
            <div id="u8192_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8193" class="ax_default _形状">
            <div id="u8193_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8194" class="ax_default _形状">
            <div id="u8194_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8195" class="ax_default _三级标题">
        <div id="u8195_div" class=""></div>
        <div id="u8195_text" class="text ">
          <p><span>行程取消（产生取消费）</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8196" class="ax_default icon">
        <img id="u8196_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8197" class="ax_default _文本段落">
        <div id="u8197_div" class=""></div>
        <div id="u8197_text" class="text ">
          <p><span>大西洋新城C区</span></p><p><span>北门</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8198" class="ax_default _文本段落">
        <div id="u8198_div" class=""></div>
        <div id="u8198_text" class="text ">
          <p><span>花家地西里2区</span></p><p><span>西街口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8199" class="ax_default box_1">
        <div id="u8199_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8200" class="ax_default line">
        <img id="u8200_img" class="img " src="images/实时单流程——首页/u226.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8201" class="ax_default label">
        <div id="u8201_div" class=""></div>
        <div id="u8201_text" class="text ">
          <p><span>元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8202" class="ax_default label">
        <div id="u8202_div" class=""></div>
        <div id="u8202_text" class="text ">
          <p><span>￥8</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8203" class="ax_default label">
        <div id="u8203_div" class=""></div>
        <div id="u8203_text" class="text ">
          <p><span>收藏该路线</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8204" class="ax_default label">
        <div id="u8204_div" class=""></div>
        <div id="u8204_text" class="text ">
          <p><span>再来一单</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8205" class="ax_default icon">
        <img id="u8205_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8206" class="ax_default icon">
        <img id="u8206_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8207" class="ax_default line">
        <img id="u8207_img" class="img " src="images/实时单流程——首页/u596.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8208" class="ax_default icon">
        <img id="u8208_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8209" class="ax_default label">
        <div id="u8209_div" class=""></div>
        <div id="u8209_text" class="text ">
          <p><span>费用详情</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8210" class="ax_default line">
        <img id="u8210_img" class="img " src="images/实时单流程——首页/u226.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8211" class="ax_default label">
        <div id="u8211_div" class=""></div>
        <div id="u8211_text" class="text ">
          <p><span>09月25日&nbsp; 07:03</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8212" class="ax_default label">
        <div id="u8212_div" class=""></div>
        <div id="u8212_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">上海虹桥</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 到&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">万科白马花园</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8213" class="ax_default label">
        <div id="u8213_div" class=""></div>
        <div id="u8213_text" class="text ">
          <p><span>已取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8214" class="ax_default box_3">
        <div id="u8214_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8215" class="ax_default image">
        <img id="u8215_img" class="img " src="images/实时单流程——首页/u1.jpg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8216" class="ax_default _图片">
        <img id="u8216_img" class="img " src="images/实时单流程——首页/u554.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8217" class="ax_default label">
        <div id="u8217_div" class=""></div>
        <div id="u8217_text" class="text ">
          <p><span>上</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u8218" class="ax_default _图片">
        <img id="u8218_img" class="img " src="images/实时单流程——首页/u561.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8219" class="ax_default label">
        <div id="u8219_div" class=""></div>
        <div id="u8219_text" class="text ">
          <p><span>下</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8220" class="ax_default box_3">
        <div id="u8220_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8221" class="ax_default" data-left="1735" data-top="2018" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8222" class="ax_default" data-left="1735" data-top="2026" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8223" class="ax_default _形状">
            <img id="u8223_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8224" class="ax_default _形状">
            <img id="u8224_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8225" class="ax_default _形状">
            <img id="u8225_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8226" class="ax_default _形状">
            <img id="u8226_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8227" class="ax_default _形状">
            <img id="u8227_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8228" class="ax_default _文本段落">
          <div id="u8228_div" class=""></div>
          <div id="u8228_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8229" class="ax_default _文本段落">
          <div id="u8229_div" class=""></div>
          <div id="u8229_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8230" class="ax_default" data-left="2065" data-top="2024" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8231" class="ax_default _形状">
            <div id="u8231_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8232" class="ax_default _形状">
            <div id="u8232_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8233" class="ax_default _形状">
            <div id="u8233_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8234" class="ax_default" data-left="1735" data-top="2025" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8235" class="ax_default _形状">
            <img id="u8235_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8236" class="ax_default _形状">
            <img id="u8236_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8237" class="ax_default _形状">
            <img id="u8237_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8238" class="ax_default _形状">
            <img id="u8238_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8239" class="ax_default _形状">
            <img id="u8239_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8240" class="ax_default _文本段落">
          <div id="u8240_div" class=""></div>
          <div id="u8240_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8241" class="ax_default _文本段落">
          <div id="u8241_div" class=""></div>
          <div id="u8241_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8242" class="ax_default" data-left="2065" data-top="2023" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8243" class="ax_default _形状">
            <div id="u8243_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8244" class="ax_default _形状">
            <div id="u8244_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8245" class="ax_default _形状">
            <div id="u8245_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8246" class="ax_default _三级标题">
        <div id="u8246_div" class=""></div>
        <div id="u8246_text" class="text ">
          <p><span>行程取消（产生取消费）</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8247" class="ax_default icon">
        <img id="u8247_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8248" class="ax_default _文本段落">
        <div id="u8248_div" class=""></div>
        <div id="u8248_text" class="text ">
          <p><span>大西洋新城C区</span></p><p><span>北门</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8249" class="ax_default _文本段落">
        <div id="u8249_div" class=""></div>
        <div id="u8249_text" class="text ">
          <p><span>花家地西里2区</span></p><p><span>西街口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8250" class="ax_default box_1">
        <div id="u8250_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8251" class="ax_default line">
        <img id="u8251_img" class="img " src="images/实时单流程——首页/u226.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8252" class="ax_default label">
        <div id="u8252_div" class=""></div>
        <div id="u8252_text" class="text ">
          <p><span>09月25日&nbsp; 07:03</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8253" class="ax_default label">
        <div id="u8253_div" class=""></div>
        <div id="u8253_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">上海虹桥</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 到&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;font-size:16px;">万科白马花园</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8254" class="ax_default _三级标题">
        <div id="u8254_div" class=""></div>
        <div id="u8254_text" class="text ">
          <p><span>取消费未支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8255" class="ax_default label">
        <div id="u8255_div" class=""></div>
        <div id="u8255_text" class="text ">
          <p><span>元&nbsp; 取消费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8256" class="ax_default label">
        <div id="u8256_div" class=""></div>
        <div id="u8256_text" class="text ">
          <p><span>￥ 8</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8257" class="ax_default icon">
        <img id="u8257_img" class="img " src="images/实时单流程——首页/u610.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8258" class="ax_default box_1">
        <div id="u8258_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8259" class="ax_default label">
        <div id="u8259_div" class=""></div>
        <div id="u8259_text" class="text ">
          <p><span>余额</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8260" class="ax_default label">
        <div id="u8260_div" class=""></div>
        <div id="u8260_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8261" class="ax_default _图片1">
        <img id="u8261_img" class="img " src="images/取消订单流程（新）/u8261.svg"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8262" class="ax_default _图片1">
        <img id="u8262_img" class="img " src="images/取消订单流程（新）/u8262.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8263" class="ax_default label">
        <div id="u8263_div" class=""></div>
        <div id="u8263_text" class="text ">
          <p><span>支付宝支付</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8264" class="ax_default _图片1">
        <img id="u8264_img" class="img " src="images/取消订单流程（新）/u8264.svg"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8265" class="ax_default line">
        <img id="u8265_img" class="img " src="images/取消订单流程（新）/u8265.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8266" class="ax_default line">
        <img id="u8266_img" class="img " src="images/取消订单流程（新）/u8265.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8267" class="ax_default label">
        <div id="u8267_div" class=""></div>
        <div id="u8267_text" class="text ">
          <p><span>0￥</span></p>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u8268" class="ax_default radio_button">
        <label for="u8268_input" style="position: absolute; left: 0px;">
          <div id="u8268_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u8268_input" type="radio" value="radio" name="u8268"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u8269" class="ax_default radio_button">
        <label for="u8269_input" style="position: absolute; left: 0px;">
          <div id="u8269_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u8269_input" type="radio" value="radio" name="u8269"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u8270" class="ax_default radio_button">
        <label for="u8270_input" style="position: absolute; left: 0px;">
          <div id="u8270_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u8270_input" type="radio" value="radio" name="u8270"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u8271" class="ax_default line">
        <img id="u8271_img" class="img " src="images/预约单流程/u1491.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8272" class="ax_default label">
        <div id="u8272_div" class=""></div>
        <div id="u8272_text" class="text ">
          <p><span>立即支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8273" class="ax_default box_1">
        <div id="u8273_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8274" class="ax_default label">
        <div id="u8274_div" class=""></div>
        <div id="u8274_text" class="text ">
          <p><span>请完成该笔订单支付</span></p>
        </div>
      </div>

      <!-- Unnamed (菱形) -->
      <div id="u8275" class="ax_default box_1">
        <img id="u8275_img" class="img " src="images/实时单流程——首页/u377.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8276" class="ax_default _一级标题">
        <div id="u8276_div" class=""></div>
        <div id="u8276_text" class="text ">
          <p><span>余额是否充足</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8277" class="ax_default line">
        <img id="u8277_img" class="img " src="images/接机单流程/u3643.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8278" class="ax_default line">
        <img id="u8278_img" class="img " src="images/接机单流程/u3643.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8279" class="ax_default box_2">
        <div id="u8279_div" class=""></div>
        <div id="u8279_text" class="text ">
          <p><span>支付成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8280" class="ax_default _形状">
        <div id="u8280_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8281" class="ax_default _形状">
        <div id="u8281_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8282" class="ax_default label">
        <div id="u8282_div" class=""></div>
        <div id="u8282_text" class="text ">
          <p><span>请告诉我们取消的原因，我们会重视您的反馈！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8283" class="ax_default box_2">
        <div id="u8283_div" class=""></div>
        <div id="u8283_text" class="text ">
          <p><span>您可以描述下原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8284" class="ax_default box_2">
        <div id="u8284_div" class=""></div>
        <div id="u8284_text" class="text ">
          <p><span>300</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8285" class="ax_default box_3">
        <div id="u8285_div" class=""></div>
        <div id="u8285_text" class="text ">
          <p><span>提 交</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8286" class="ax_default box_1">
        <div id="u8286_div" class=""></div>
        <div id="u8286_text" class="text ">
          <p><span>重复下单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8287" class="ax_default box_1">
        <div id="u8287_div" class=""></div>
        <div id="u8287_text" class="text ">
          <p><span>出行计划有变</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8288" class="ax_default box_1">
        <div id="u8288_div" class=""></div>
        <div id="u8288_text" class="text ">
          <p><span>司机态度差</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8289" class="ax_default box_1">
        <div id="u8289_div" class=""></div>
        <div id="u8289_text" class="text ">
          <p><span>司机要求取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8290" class="ax_default box_1">
        <div id="u8290_div" class=""></div>
        <div id="u8290_text" class="text ">
          <p><span>其他原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8291" class="ax_default box_3">
        <div id="u8291_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8292" class="ax_default" data-left="2830" data-top="1269" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8293" class="ax_default" data-left="2830" data-top="1277" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8294" class="ax_default _形状">
            <img id="u8294_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8295" class="ax_default _形状">
            <img id="u8295_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8296" class="ax_default _形状">
            <img id="u8296_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8297" class="ax_default _形状">
            <img id="u8297_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8298" class="ax_default _形状">
            <img id="u8298_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8299" class="ax_default _文本段落">
          <div id="u8299_div" class=""></div>
          <div id="u8299_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8300" class="ax_default _文本段落">
          <div id="u8300_div" class=""></div>
          <div id="u8300_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8301" class="ax_default" data-left="3160" data-top="1275" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8302" class="ax_default _形状">
            <div id="u8302_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8303" class="ax_default _形状">
            <div id="u8303_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8304" class="ax_default _形状">
            <div id="u8304_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8305" class="ax_default" data-left="2830" data-top="1276" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8306" class="ax_default _形状">
            <img id="u8306_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8307" class="ax_default _形状">
            <img id="u8307_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8308" class="ax_default _形状">
            <img id="u8308_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8309" class="ax_default _形状">
            <img id="u8309_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8310" class="ax_default _形状">
            <img id="u8310_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8311" class="ax_default _文本段落">
          <div id="u8311_div" class=""></div>
          <div id="u8311_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8312" class="ax_default _文本段落">
          <div id="u8312_div" class=""></div>
          <div id="u8312_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8313" class="ax_default" data-left="3160" data-top="1274" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8314" class="ax_default _形状">
            <div id="u8314_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8315" class="ax_default _形状">
            <div id="u8315_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8316" class="ax_default _形状">
            <div id="u8316_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8317" class="ax_default _三级标题">
        <div id="u8317_div" class=""></div>
        <div id="u8317_text" class="text ">
          <p><span>取消原因</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8318" class="ax_default icon">
        <img id="u8318_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8319" class="ax_default _图片">
        <img id="u8319_img" class="img " src="images/取消订单流程（新）/u8036.svg"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8320" class="ax_default line">
        <img id="u8320_img" class="img " src="images/接机单流程/u3643.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8321" class="ax_default box_2">
        <div id="u8321_div" class=""></div>
        <div id="u8321_text" class="text ">
          <p><span>余额不足</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8322" class="ax_default box_1">
        <div id="u8322_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8323" class="ax_default _一级标题">
        <div id="u8323_div" class=""></div>
        <div id="u8323_text" class="text ">
          <p><span>详情请见：</span></p><p><span>未支付订单支付流程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8324" class="ax_default primary_button">
        <div id="u8324_div" class=""></div>
        <div id="u8324_text" class="text ">
          <p><span>传送门</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8325" class="ax_default" data-left="1454" data-top="396" data-width="239" data-height="133">

        <!-- Unnamed (矩形) -->
        <div id="u8326" class="ax_default shape">
          <div id="u8326_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8327" class="ax_default _二级标题">
          <div id="u8327_div" class=""></div>
          <div id="u8327_text" class="text ">
            <p><span>我们正在为您派车</span></p><p><span>请稍等片刻？</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8328" class="ax_default" data-left="1475" data-top="481" data-width="199" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u8329" class="ax_default shape">
            <div id="u8329_div" class=""></div>
            <div id="u8329_text" class="text ">
              <p><span>仍要取消</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8330" class="ax_default shape">
            <div id="u8330_div" class=""></div>
            <div id="u8330_text" class="text ">
              <p><span>继续用车</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8331" class="ax_default primary_button">
        <div id="u8331_div" class=""></div>
        <div id="u8331_text" class="text ">
          <p><span>见下</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8332" class="ax_default line">
        <img id="u8332_img" class="img " src="images/取消订单流程（新）/u8332.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8333" class="ax_default _形状">
        <div id="u8333_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8334" class="ax_default _形状">
        <div id="u8334_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8335" class="ax_default label">
        <div id="u8335_div" class=""></div>
        <div id="u8335_text" class="text ">
          <p><span>请告诉我们取消的原因，我们会重视您的反馈！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8336" class="ax_default box_2">
        <div id="u8336_div" class=""></div>
        <div id="u8336_text" class="text ">
          <p><span>您可以描述下原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8337" class="ax_default box_2">
        <div id="u8337_div" class=""></div>
        <div id="u8337_text" class="text ">
          <p><span>300</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8338" class="ax_default box_3">
        <div id="u8338_div" class=""></div>
        <div id="u8338_text" class="text ">
          <p><span>提 交</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8339" class="ax_default box_1">
        <div id="u8339_div" class=""></div>
        <div id="u8339_text" class="text ">
          <p><span>重复下单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8340" class="ax_default box_1">
        <div id="u8340_div" class=""></div>
        <div id="u8340_text" class="text ">
          <p><span>出行计划有变</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8341" class="ax_default box_1">
        <div id="u8341_div" class=""></div>
        <div id="u8341_text" class="text ">
          <p><span>司机态度差</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8342" class="ax_default box_1">
        <div id="u8342_div" class=""></div>
        <div id="u8342_text" class="text ">
          <p><span>司机要求取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8343" class="ax_default box_1">
        <div id="u8343_div" class=""></div>
        <div id="u8343_text" class="text ">
          <p><span>其他原因</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8344" class="ax_default box_3">
        <div id="u8344_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8345" class="ax_default" data-left="3594" data-top="1271" data-width="360" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u8346" class="ax_default" data-left="3594" data-top="1279" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8347" class="ax_default _形状">
            <img id="u8347_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8348" class="ax_default _形状">
            <img id="u8348_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8349" class="ax_default _形状">
            <img id="u8349_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8350" class="ax_default _形状">
            <img id="u8350_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8351" class="ax_default _形状">
            <img id="u8351_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8352" class="ax_default _文本段落">
          <div id="u8352_div" class=""></div>
          <div id="u8352_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8353" class="ax_default _文本段落">
          <div id="u8353_div" class=""></div>
          <div id="u8353_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8354" class="ax_default" data-left="3924" data-top="1277" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8355" class="ax_default _形状">
            <div id="u8355_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8356" class="ax_default _形状">
            <div id="u8356_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8357" class="ax_default _形状">
            <div id="u8357_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8358" class="ax_default" data-left="3594" data-top="1278" data-width="39" data-height="6">

          <!-- Unnamed (椭圆形) -->
          <div id="u8359" class="ax_default _形状">
            <img id="u8359_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8360" class="ax_default _形状">
            <img id="u8360_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8361" class="ax_default _形状">
            <img id="u8361_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8362" class="ax_default _形状">
            <img id="u8362_img" class="img " src="images/实时单流程——首页/u5.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u8363" class="ax_default _形状">
            <img id="u8363_img" class="img " src="images/实时单流程——首页/u9.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8364" class="ax_default _文本段落">
          <div id="u8364_div" class=""></div>
          <div id="u8364_text" class="text ">
            <p><span>xxxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8365" class="ax_default _文本段落">
          <div id="u8365_div" class=""></div>
          <div id="u8365_text" class="text ">
            <p><span>1:23 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u8366" class="ax_default" data-left="3924" data-top="1276" data-width="30" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u8367" class="ax_default _形状">
            <div id="u8367_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8368" class="ax_default _形状">
            <div id="u8368_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u8369" class="ax_default _形状">
            <div id="u8369_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8370" class="ax_default _三级标题">
        <div id="u8370_div" class=""></div>
        <div id="u8370_text" class="text ">
          <p><span>取消原因</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u8371" class="ax_default icon">
        <img id="u8371_img" class="img " src="images/实时单流程——首页/u118.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u8372" class="ax_default _图片">
        <img id="u8372_img" class="img " src="images/取消订单流程（新）/u8036.svg"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8373" class="ax_default" data-left="1529" data-top="471" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8374" class="ax_default ellipse">
          <img id="u8374_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8375" class="ax_default ellipse">
          <img id="u8375_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8376" class="ax_default ellipse">
          <img id="u8376_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8377" class="ax_default" data-left="2088" data-top="257" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8378" class="ax_default ellipse">
          <img id="u8378_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8379" class="ax_default ellipse">
          <img id="u8379_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8380" class="ax_default ellipse">
          <img id="u8380_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8381" class="ax_default line">
        <img id="u8381_img" class="img " src="images/取消订单流程（新）/u8381.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8382" class="ax_default line">
        <img id="u8382_img" class="img " src="images/取消订单流程（新）/u8382.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8383" class="ax_default" data-left="2870" data-top="257" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8384" class="ax_default ellipse">
          <img id="u8384_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8385" class="ax_default ellipse">
          <img id="u8385_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8386" class="ax_default ellipse">
          <img id="u8386_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8387" class="ax_default line">
        <img id="u8387_img" class="img " src="images/取消订单流程（新）/u8381.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8388" class="ax_default line">
        <img id="u8388_img" class="img " src="images/取消订单流程（新）/u8388.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8389" class="ax_default" data-left="3640" data-top="257" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8390" class="ax_default ellipse">
          <img id="u8390_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8391" class="ax_default ellipse">
          <img id="u8391_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8392" class="ax_default ellipse">
          <img id="u8392_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8393" class="ax_default line">
        <img id="u8393_img" class="img " src="images/取消订单流程（新）/u8381.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8394" class="ax_default box_3">
        <div id="u8394_div" class=""></div>
        <div id="u8394_text" class="text ">
          <p><span>返回首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8395" class="ax_default" data-left="3682" data-top="738" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8396" class="ax_default ellipse">
          <img id="u8396_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8397" class="ax_default ellipse">
          <img id="u8397_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8398" class="ax_default ellipse">
          <img id="u8398_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8399" class="ax_default line">
        <img id="u8399_img" class="img " src="images/实时单—确认起点/u1072.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8400" class="ax_default box_3">
        <div id="u8400_div" class=""></div>
        <div id="u8400_text" class="text ">
          <p><span>返回首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u8401" class="ax_default" data-left="4414" data-top="1781" data-width="32" data-height="32">

        <!-- Unnamed (椭圆形) -->
        <div id="u8402" class="ax_default ellipse">
          <img id="u8402_img" class="img " src="images/实时单流程——首页/u391.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8403" class="ax_default ellipse">
          <img id="u8403_img" class="img " src="images/实时单流程——首页/u392.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u8404" class="ax_default ellipse">
          <img id="u8404_img" class="img " src="images/实时单流程——首页/u393.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u8405" class="ax_default line">
        <img id="u8405_img" class="img " src="images/实时单—确认起点/u1072.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8406" class="ax_default box_3">
        <div id="u8406_div" class=""></div>
        <div id="u8406_text" class="text ">
          <p><span>返回首页</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
